<div class="container box-reg">
<form role="register.form" ng-submit="register.submit()" class="form-horizontal">
    <div class="form-group">
        <div class="col-xs-12">
            <p class="form-msg alert alert-danger" ng-show="register.invalid">{{register.msg}}</p>
        </div>
    </div>
    <div class="form-group">
        <label for="qq" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>qq号码: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="text" class="form-control" id="qq" name="qq" ng-model="register.form.qq" required="required" placeholder="帐号(QQ号码)" autofocus="true">
        </div>
    </div>
    <div class="form-group">
        <label for="password" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>密码: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="password" class="form-control" id="password" placeholder="密码" name="password" ng-model="register.form.password" required="required">
        </div>
    </div>
    <div class="form-group">
        <label for="phone" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>手机号: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="text" class="form-control" id="phone" placeholder="手机号" name="phone" ng-model="register.form.phone" required="required">
        </div>
    </div>
    <div class="form-group">
        <label for="email" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>邮箱: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="text" class="form-control" id="email" placeholder="邮箱" name="email" ng-model="register.form.email" required="required">
        </div>
    </div>
    <div class="form-group">
        <label for="name" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>姓名: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="text" class="form-control" id="name" placeholder="姓名" name="name" ng-model="register.form.name" required="required">
        </div>
    </div>
    <div class="form-group">
        <label for="nameSpell" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>姓名拼音: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="text" class="form-control" id="nameSpell" placeholder="姓名拼音" name="nameSpell" ng-model="register.form.nameSpell" required="required">
        </div>
    </div>
    <div class="form-group">
        <label for="sex" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>性别: </label>
        <div class="col-xs-9 col-sm-10">
            <label class="radio-inline">
                <input type="radio" name="sex" id="male" value="1" ng-model="register.form.sex" checked>
                男
            </label>
            <label class="radio-inline">
                <input type="radio" name="sex" id="female" value="0" ng-model="register.form.sex">
                女
            </label>
        </div>
    </div>
    <div class="form-group">
        <label for="age" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>年龄: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="number" class="form-control" id="age" placeholder="(年)" name="age" ng-model="register.form.age" required="required">
        </div>
    </div>
    <div class="form-group">
        <label for="education" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>学历: </label>
        <div class="col-xs-9 col-sm-10">
            <!-- education -->
            <select class="form-control" id="education" name="education" ng-model="register.form.education">
                <option value="本科" ng-selected="register.form.education == '本科'">本科</option>
                <option value="专科">专科</option>
                <option value="研究生">研究生</option>
                <option value="硕士">硕士</option>
                <option value="博士">博士</option>
            </select>
        </div>
    </div>
    <div class="form-group">
        <label for="workYear" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>工作年龄: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="number" class="form-control" id="workYear" placeholder="(年)" name="workYear" ng-model="register.form.workYear" required="required">
        </div>
    </div>
    <div class="form-group">
        <label for="" class="col-xs-3 col-sm-2 control-label"><em class="red">*</em>所在地: </label>
        <div class="col-xs-9 col-sm-10">
            <!-- province city -->
            <div class="row">
            <div class="col-xs-6">
                <!--<select class="form-control" id="province" name="province" ng-model="register.form.province" ng-change="register.getCity()" required="required">
                    <option ng-repeat="p in register.provinces" value="{{p.provinceId}}">{{p.province}}</option>
                </select>-->
                <select class="form-control" name="province" id="province" 
                        ng-model="register.selectedProvince" ng-change="register.getCity(register.selectedProvince)" 
                        ng-options="p.province for p in register.provinces"  required="required">
                        <option value="">--请选择--</option>
                </select>
            </div>
            <div class="col-xs-6">
                <!--<select class="form-control" id="city" name="city" ng-model="register.form.cityId" required="required">
                    <option ng-repeat="c in register.cities" value="{{c.cityId}}">{{c.city}}</option>
                </select>-->
                <select class="form-control" name="city" id="city"
                        ng-model="register.selectedCity" ng-change="register.cityChange(register.selectedCity)"
                        ng-options="c.city for c in register.cities"  required="required">
                        <option value="">--请选择--</option>
                </select>
            </div></div>
        </div>
    </div>
    <div class="form-group">
        <label for="company" class="col-xs-3 col-sm-2 control-label">公司: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="text" class="form-control" id="company" placeholder="公司" name="company" ng-model="register.form.company">
        </div>
    </div>
    <div class="form-group">
        <label for="selfIntroduction" class="col-xs-3 col-sm-2 control-label">自我介绍: </label>
        <!-- selfIntroduction -->
        <div class="col-xs-9 col-sm-10">
            <textarea class="form-control" rows="3" id="selfIntroduction" placeholder="自我介绍" name="selfIntroduction" ng-model="register.form.selfIntroduction"></textarea>
        </div>
    </div>
    <div class="form-group">
    <!-- <div class="form-group has-error"> -->
        <label for="weixin" class="col-xs-3 col-sm-2 control-label">微信号: </label>
        <div class="col-xs-9 col-sm-10">
            <input type="text" class="form-control" id="weixin" placeholder="微信号" name="weixin" ng-model="register.form.weixin">
        </div>
    </div>

    <div class="form-group">
        <div class="col-xs-offset-3 col-sm-offset-2 col-xs-9 col-sm-10">
            <button type="submit" class="btn btn-block btn-success" id="submit">注册</button>
        </div>
    </div>
</form>
</div>
